// body,
// button, input, select, textarea /* for ie */ {
//     font: 14px/1.5 tahoma, \5b8b\4f53, sans-serif;
// }
// body{
//     background-color: #f6f6f6;
// }
h1,
h2,
h3,
h4,
h5,
h6 {
  // font-size: 100%;
  font-weight: normal;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
} /* 将斜体扶正 */
code,
kbd,
pre,
samp {
  font-family: courier new, courier, monospace;
} /* 统一等宽字体 */
small {
  font-size: 12px;
} /* 小于 12px 的中文很难阅读, 让 small 正常化 */
/** 重置列表元素 **/
ul,
ol {
  list-style: none;
}
/** 重置文本格式元素 **/
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
sup {
  vertical-align: text-top;
} /* 重置, 减少对行高的影响 */
sub {
  vertical-align: text-bottom;
}
/** 重置表单元素 **/
legend {
  color: #000;
} /* for ie6 */
fieldset,
image {
  border: 0;
} /* image 搭车：让链接里的 image 无边框 */
button,
input,
select,
textarea {
  font-size: 100%;
} /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/* 重置 HTML5 元素 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  display: block;
  margin: 0;
  padding: 0;
}
mark {
  background: #ff0;
}
/* 设置placeholder的默认样式 */
:-moz-placeholder {
  color: #ddd;
  opacity: 1;
}
::-moz-placeholder {
  color: #ddd;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #ddd;
  opacity: 1;
}

input::-webkit-input-placeholder {
  color: #ddd;
  opacity: 1;
}
/*文字换行 2*/
.white-space {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.p20 {
  padding: 20rpx;
}
.detailImg image {
  width: 100%;
  display: block;
  height: auto !important;
}
.article-content image {
  max-width: 100% !important;
  height: initial !important;
  display: block;
}

.articleDetails image {
  max-width: 100% !important;
  height: initial !important;
  display: block;
}
/*清浮动*/
.clear::after {
  display: block;
  clear: both;
  content: "";
}
/*定位公用居中*/
.po {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.po_x {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.po_y {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.fl {
  float: left;
}

.fr {
  float: right;
}

.mr-two {
  margin-top: 20upx;
}

.mr-one {
  margin-top: 10upx;
}

.mr-34 {
  margin-top: 34upx;
}

.mr-three {
  margin-top: 30upx;
}

.mr-six {
  margin-top: 60upx;
}

.mr-8 {
  margin-top: 80upx;
}
.adv-img {
  margin-top: 24rpx;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12rpx;
}
::v-deep .u-tabs__wrapper__nav__line {
  bottom: -2rpx !important;
}
.tab-sty {
  padding: 20rpx 10rpx !important;
}
.button-list {
  display: flex;
  justify-content: flex-end;
  padding: 20rpx 40rpx 0;
}

.default-sty {
  background: #5bd4d6;
  color: #fff;
}

// 头部header样式
.navber_header .left_title {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 32rpx;
  color: #222222;
  line-height: 1.2em;
  margin-left: 6rpx;
}

// 情况按钮
.empty_button {
  width: 48rpx;
  height: 48rpx;
  position: absolute;
  right: 16rpx;
  top: 50%;
  transform: translateY(-50%);
}

// 名称标签
.name_tag {
  // width: 64rpx;
  // height: 32rpx;
  // border-radius: 2rpx;
  // background-image: linear-gradient(43deg, #0c0c0c, #585247, #202020);
  // font-size: 22rpx;
  // color: #f3ddaf;
  // display: inline-flex;
  // margin-right: 12rpx;
  // font-weight: normal;
  width: 40rpx;
  display: inline-flex;
  transform: translateY(7rpx);
  margin-right: 6rpx;
}

// 头部撑高度
.navbar_div {
  height: 90rpx;
}
.navbar_div .rightButton_text {
  padding: 0 12rpx;
  height: 44rpx;
  border-radius: 24rpx;
  border: 1rpx solid rgba(255, 255, 255, 0.1);
  white-space: nowrap;
  font-size: 24rpx;
  color: #aaaaaa;
  position: fixed;
  right: 32rpx;
  top: 18rpx;
  z-index: 9999;
}
.navbar_div .rightButton_text image {
  width: 24rpx;
  margin-right: 4rpx;
}
.left_return {
  width: 64rpx;
}

// 修改loading 标签 背景颜色
::v-deep
  .u-transition.loading-page.u-fade-enter-to.u-fade-enter-active
  .u-loading-page {
  width: 100vw;
  height: 100vh;
  background: #2d2e30 !important;
  z-index: 999;
}

// 修改安全距离颜色
::v-deep .u-safe-bottom.u-safe-area-inset-bottom {
  background: #272727 !important;
}

// 修改image 图片标签测试
::v-deep .u-image,
::v-deep .u-image__image {
  width: 100% !important;
  height: 100% !important;
}

// 技术商标
.trademark_div {
  margin: 40rpx 0;
  display: none !important;
}

.trademark_div > image {
  width: 322rpx;
}
.trademark_div > span {
  font-size: 24rpx;
  color: #aaa;
}

.trademark_img2 > image {
  width: 322rpx;
}

// 确认按钮
.button_confirm {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32rpx !important;
  font-family: PingFang SC, PingFang SC !important;
  font-weight: 500 !important;
  color: #222 !important;
  height: 92rpx;
  box-sizing: border-box;
  background: url("@/static/image/confirm_button_bg1.png") no-repeat;
  background-size: 100% 100%;
}
// 取消按钮
.button_cancel {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32rpx !important;
  font-family: PingFang SC, PingFang SC !important;
  font-weight: 500 !important;
  color: #222 !important;
  height: 92rpx;
  box-sizing: border-box;
  background: url("@/static/image/cancel_button_bg1.png") no-repeat;
  background-size: 100% 100%;
}
//弹窗确定弹窗
.popup_confirm_button {
  width: 100%;
  height: 100rpx;
  font-family: AlibabaPuHuiTi, AlibabaPuHuiTi-Medium !important;
  font-weight: 500 !important;
  font-size: 32rpx !important;
  color: #222222;
  background: url("@/static/image/confirm_button_bg.png");
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
//弹窗取消弹窗
.popup_cancel_button {
  width: 100%;
  height: 100rpx;
  font-family: AlibabaPuHuiTi, AlibabaPuHuiTi-Medium !important;
  font-weight: 500 !important;
  font-size: 32rpx !important;
  color: #222222;
  background: url("@/static/image/cancel_button_bg.png");
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

// 购买底部按钮
.buy_button_div {
  // padding: 8rpx 20rpx calc(env(safe-area-inset-bottom) + 8rpx) 20rpx;
  padding: 84rpx 40rpx calc(env(safe-area-inset-bottom) + 8rpx) 40rpx;

  z-index: 16;
  // background: transparent;
  background: linear-gradient(
    180deg,
    rgba(13, 13, 13, 0) 0%,
    rgba(34, 34, 34, 1) 60%,
    rgba(34, 34, 34, 1) 100%
  );
}
// 导航选中效果
.skew_select {
  position: relative;
  &::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 2rpx;
    height: 20rpx;
    width: 100%;
    background: #befa50;
    transform: skew(-4deg) rotate(-2deg);
    transform-origin: 0% 100%;
    z-index: -1;
  }
}

// 商品编号展示
.serial_number_tag {
  border-radius: 50rpx;
  // height: 32rpx;
  padding: 4rpx 16rpx 4rpx 4rpx;
  max-width: 100%;
  border: 2rpx solid #26272c;
  box-sizing: border-box;
}
.serial_number_tag > image {
  width: 28rpx;
  height: 28rpx;
  object-fit: cover;
  margin-right: 8rpx;
  // transform: translateX(-1rpx);
}
.serial_number_tag > span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 20rpx;
  color: #222222;
  line-height: 1em !important;
  font-weight: normal !important;
}

// 首页banner样式
.banner_swiper {
  background: transparent !important;
}

::v-deep .u-transition.loading-page.u-fade-enter-to.u-fade-enter-active {
  background: rgba(59, 54, 54, 0.7) !important;
}
::v-deep
  .u-transition.loading-page.u-fade-enter-to.u-fade-enter-active
  .u-loading-page {
  // filter: blur(50vw) !important;
  background: rgba(59, 54, 54, 0) !important;
}

::v-deep .u-navbar--fixed {
  z-index: 9999 !important;
}
::v-deep uni-movable-view {
  z-index: 999 !important;
}

// 等级角标
.grade_mark {
  left: 8rpx;
  top: 8rpx;
  width: 50rpx;
  z-index: 11;
}
